<%@ page language="java" pageEncoding="UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<HTML>
<HEAD>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="${pageContext.request.contextPath}/css/Style1.css" rel="stylesheet" type="text/css"/>
    <script language="javascript" src="${pageContext.request.contextPath}/js/public.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css"
          type="text/css"/>
    <script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"
            type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"
            type="text/javascript"></script>
    <script type="text/javascript">
        function addProduct() {
            window.location.href = "${pageContext.request.contextPath}/admin/product/findAllCategories.do";
        }
    </script>
</HEAD>
<body>
<br>
<form id="Form1" name="Form1" action="${pageContext.request.contextPath}/user/list.jsp"
      method="post">
    <table cellSpacing="1" cellPadding="0" width="100%" align="center" bgColor="#f5fafe" border="0">
        <TBODY>
        <tr>
            <td class="ta_01" align="center" bgColor="#afd1f3">
                <strong>商品列表</strong>
            </TD>
        </tr>
        <tr>
            <td class="ta_01" align="right">
                <button type="button" id="add" name="add" value="添加" class="button_add"
                        onclick="addProduct()">
                    &#28155;&#21152;
                </button>

            </td>
        </tr>
        <tr>
            <td class="ta_01" align="center" bgColor="#f5fafe">
                <table cellspacing="0" cellpadding="1" rules="all"
                       bordercolor="gray" border="1" id="DataGrid1"
                       style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; WIDTH: 100%; WORD-BREAK: break-all; BORDER-BOTTOM: gray 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #f5fafe; WORD-WRAP: break-word">
                    <tr
                            style="FONT-WEIGHT: bold; FONT-SIZE: 12pt; HEIGHT: 25px; BACKGROUND-COLOR: #afd1f3">

                        <td align="center" width="4%">
                            序号
                        </td>
                        <td align="center" width="17%">
                            商品图片
                        </td>
                        <td align="center" width="17%">
                            商品名称
                        </td>
                        <td align="center" width="17%">
                            商品价格
                        </td>
                        <td align="center" width="10%">
                            是否热门
                        </td>
                        <td align="center" width="7%">
                            是否为秒杀商品
                        </td>
                        <td align="center" width="7%">
                            秒杀数量
                        </td>
                        <td align="center" width="7%">
                            总数量
                        </td>
                        <td width="7%" align="center">
                            编辑
                        </td>
                        <td width="7%" align="center">
                            删除
                        </td>
                    </tr>
                    <c:forEach items="${requestScope.page.list}" var="p" varStatus="vs">
                        <tr onmouseover="this.style.backgroundColor = 'white'"
                            onmouseout="this.style.backgroundColor = '#F5FAFE';" id="${p.pid}">
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="4%">
                                    ${vs.count}
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="17%">
                                <img width="40" height="45" src="${pageContext.request.contextPath}/${p.image}">
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="17%">
                                    ${p.name}
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="17%">
                                    ${p.shopPrice}
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="10%">
                                <c:if test="${p.isHot==1 }">是</c:if>
                                <c:if test="${p.isHot!=1 }">否</c:if>
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="7%">
                                <c:if test="${p.flag==1}">是</c:if>
                                <c:if test="${p.flag!=1}">否</c:if>
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="7%">
                                    ${p.skillCount}
                            </td>
                            <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                                width="7%">
                                    ${p.productCount}
                            </td>
                            <td align="center" style="HEIGHT: 22px">
                                <a href="${ pageContext.request.contextPath }/admin/product/adminFindProductByPid.do?pid=${p.pid}">
                                    <img src="${pageContext.request.contextPath}/images/i_edit.gif" border="0"
                                         style="CURSOR: hand">
                                </a>
                            </td>

                            <td align="center" style="HEIGHT: 22px">
                                <a href="javascript:void(0)" onclick="deleteByPid('${p.pid}')">
                                    <img src="${pageContext.request.contextPath}/images/i_del.gif" width="16"
                                         height="16" border="0" style="CURSOR: hand">
                                </a>
                            </td>
                        </tr>
                    </c:forEach>
                </table>
                <h3 align="center">
                    <ul class="pagination">
                        <c:if test="${requestScope.page.pageNum!=1}">
                            <li>
                                <a href="${pageContext.request.contextPath}/admin/product/findProducts.do?pageNum=${requestScope.page.pageNum-1}"
                                   aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                        </c:if>
                        <c:if test="${requestScope.page.pageNum==1}">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                        </c:if>
                        <!--
                        navigateFirstPage    start
                        navigateLastPage     end
                        -->
                        <c:forEach begin="${requestScope.page.navigateFirstPage}"
                                   end="${requestScope.page.navigateLastPage}" var="i" step="1">
                            <c:if test="${requestScope.page.pageNum==i}">
                                <li class="active"><a
                                        href="${pageContext.request.contextPath}/admin/product/findProducts.do?pageNum=${i}">${i}</a>
                                </li>
                            </c:if>
                            <c:if test="${requestScope.page.pageNum!=i}">
                                <li>
                                    <a href="${pageContext.request.contextPath}/admin/product/findProducts.do?pageNum=${i}">${i}</a>
                                </li>
                            </c:if>
                        </c:forEach>

                        <c:if test="${requestScope.page.pageNum!=requestScope.page.pages}">
                            <li>
                                <a href="${pageContext.request.contextPath}/admin/product/findProducts.do?pageNum=${requestScope.page.nextPage}"
                                   aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </c:if>
                        <c:if test="${requestScope.page.pageNum==requestScope.page.pages}">
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </c:if>
                    </ul>
                </h3>
            </td>
        </tr>
        </TBODY>
    </table>
</form>
</body>
<script>
    function deleteByPid(pid) {
        $.ajax(
            {
                url: "${pageContext.request.contextPath}/admin/product/adminDeleteByPid.do",
                data: {
                    pid: pid
                },
                success: function (pid) {
                    if (pid == 1) {
                        alert("已经有用户购买该商品并且付款，，暂时不可删除")
                    } else {
                        $("#" + pid).remove();
                    }
                }
            }
        )
    }
</script>
</HTML>

